const wxml = `
<view class="container" >
  <view class="item-box red">
  </view>
  <view class="item-box green" >
    <text class="text">yeah!</text>
    <text class="text">12345</text>
  </view>
  <view class="item-box blue">
      <image class="img" src="https://t7.baidu.com/it/u=727914236,1893672909&fm=193" ></image>
      <text class="text">12345</text>
  </view>
</view>
`;

const style = {
    container: {
        width: 300,
        height: 200,
        flexDirection: "row",
        backgroundColor: "#ccc",
        justifyContent: "space-around",
        alignItems: "center",
    },
    itemBox: {
        width: 80,
        height: 60,
    },
    red: {
        backgroundColor: "#ff0000",
    },
    green: {
        backgroundColor: "#00ff00",
    },
    blue: {
        backgroundColor: "#0000ff",
        alignItems: "center",
        justifyContent: "center",
    },
    text: {
        width: 80,
        height: 30,
        textAlign: "center",
        verticalAlign: "middle",
        color: "white",
    },
    img: {
        width: 30,
        height: 30,
        borderRadius: 15,
    },
};

module.exports.wxml = wxml;
module.exports.style = style;